const path = require("path")
const HtmlWebpackPlugin = require("html-webpack-plugin")
const { srcPath, distPath } = require("./paths")

module.exports = {
  // 不管是开发打包还是生产打包，都需要配置入口
  // entry: path.join(srcPath, "index.js"),
  entry: {
    index: path.join(srcPath, "index.js"),
    other: path.join(srcPath, "other.js")
  },
  module: {
    rules: [
      // {
      //   test: /\.js$/,
      //   loader: ["babel-loader"],
      //   include: srcPath,
      //   exclude: /node_modules/
      // },
    ]
  },
  plugins: [
    // 一个插件就是一个类，需要new
    // 不管是开发打包还是生产打包，都需要一张页面
    // new HtmlWebpackPlugin({
    //   template: path.join(__dirname, "..", "public/index.html"),
    //   filename: "index.html"
    // })

    // 多入口 ----> 生成index.html
    new HtmlWebpackPlugin({
      template: path.join(__dirname, "..", "public/index.html"),
      filename: "index.html",
      // chunks: 表示页面中引入哪些chunnk，我们引入了三个chunk
      // index 业务代码    vendor 第三方的chunk   common公共的chunk
      chunks: ['index', 'vendor', 'common'],  // 只引入index.js
    }),
    // 多入口 ----> 生成other.html
    new HtmlWebpackPlugin({
      template: path.join(__dirname, "..", "public/other.html"),
      filename: "other.html",
      chunks: ['other', 'common'],  // 只引入other.js
    }),
  ]
}